<template>
	<view>
		<!-- 头部导航 -->
		<view class="tabbbar">
		  <text class="quxiaojiantou"><</text>
		  <text class="tabtext">联系我们</text>
		</view>
    <!-- 内容区域 -->
    <view class="contentbg">
      <view class="content">
        <view class="contentdan">
          <text class="contenttitle">座机电话：</text>
          <text class="contenttext">0531-8998789</text>
        </view>
        <view class="contentdan">
          <text class="contenttitle">手&nbsp;&nbsp;机&nbsp;&nbsp;号:</text>
          <text class="contenttext">15098000100</text>
        </view>
        <view class="contentdan">
          <text class="contenttitle">联&nbsp;&nbsp;系&nbsp;&nbsp;人:</text>
          <text class="contenttext">王老师</text>
        </view>
        <view class="contentdan">
          <text class="contenttitle"> 地&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;址: </text>
          <text>
            <text class="contenttext">济南市历下区大山路花园路 </text>
           <br>
              <text class="contenttext1 contenttext">-264号</text>
              <image src="./img/dizhi.png" mode="" class="dizhi"></image>
           
           
          </text>
        </view>
        <view>
         <image src="./img/hengxian.png" mode="" class="hengxian"></image>
        </view>
        <view class="gongzhonghao">
        <image src="./img/erweima.png" mode=""></image>
          <text>公众号二维码</text>
        </view>
        <view>
          <text></text>
          <text></text>
        </view>
       
      </view>
    </view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style>
  * {
    margin: 0;
    padding: 0;
  }
/* tabbar */
.tabbbar {
  width: 100%;
  height: 116rpx;
 background: url(../img/tabbar.png) no-repeat;
  background-size: cover;
  opacity: 0.3;
  

}
.quxiaojiantou {
  font-family: PingFang SC;
  font-weight: bold;
  color: #333333;
      line-height: 114rpx;
      margin-left: 50rpx;
}
.tabtext {
  width: 70rpx;
  height: 34rpx;
  font-size: 36rpx;
  font-family: PingFang SC;
  font-weight: bold;
  color: #333333;
  line-height: 30rpx;

 margin-left: 222rpx;
}
/* 内容背景图 */
.contentbg {
  width: 750rpx;
  height: 1206rpx;
  background: url(./img/bodybg.png) no-repeat;
  background-size: cover;
}
.content {
  position: absolute;
 width: 600rpx;
  height: 788rpx;
  background-color: red;
  margin: 348rpx 75rpx 70rpx;
  background: url(./img/ckbg.png) no-repeat;
  padding-top: 70rpx;
  padding-left: 51rpx;
   box-sizing: border-box;
 
}
.contentdan {
  padding-bottom: 39rpx;
}
.contenttitle {
  display: inline-block;
  width: 140rpx;
  height: 27rpx;
  font-size: 28rpx;
  font-family: PingFang SC;
  font-weight: bold;
  color: #333333;
  line-height: 40rpx;

}
.contenttext {
  padding-left: 20rpx;
  font-size: 28rpx;
  font-family: PingFang SC;
  font-weight: bold;
  color: #777777;
  line-height: 40rpx;
 

}
.contenttext1 {
  padding-left: 162rpx;
}
.dizhi {
  width: 27rpx;
  height: 34rpx;
      vertical-align: middle;
      padding: 10rpx;

}
.hengxian {
  width: 500rpx;
  height: 1rpx;
  padding-left: 29rpx;
  padding-right: 29rpx;
  box-sizing: border-box;
}
.gongzhonghao {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.gongzhonghao image {
  padding-top: 40rpx;
  width: 201rpx;
  height: 201rpx;
}
.gongzhonghao text {
  width: 170rpx;
  height: 27rpx;
  font-size: 28rpx;
  font-family: PingFang SC;
  font-weight: bold;
  color: #333333;
  line-height: 40rpx;

}
</style>
